<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Option Page</title>
        <link rel="stylesheet" type="text/css" href="css/options.css" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="../Controllers/option.js"></script>
        <script type="text/javascript" src="../Controllers/data.js"></script>
<!--        <script>
            $(document).ready(function(){
                $('.overlay').css('height' , $(window).height())

            });
        </script>-->
    </head>

    <body>
        <div class="overlay" style="background: #000; opacity:.7;position: absolute; top: 0;left: 0;width: 100%; height: 100%;z-index: 50" id="loader">
            <img src="images/ajax-loader.gif" class="f" style="position: absolute;z-index: 100; top: 50%; left: 45%;" />
        </div>
        <div class="header">
            <img src="images/logo.png" class="f" />
            <a class="setteing-button f-r" href="history.html" target="blank">مشاركات سابقة </a>
        </div>
        <div class="searh-container f">
            <div class="searh-elements">
                <label class="f">أختر الخدمات المفضلة لديك</label>

            </div>
        </div>
        <div class="main-container">
            <div class="history-box f last">

                <div class="services-container" id="websites">

                    <!--                    <div class="service f">

                                            <div class="service-logo">
                                                <img src="images/option-twitter.png" width="43" height="58" />
                                            </div>
                                            <div class="services-texts twitter">twitter</div>
                                            <input name="" type="submit" class="add-button" value="أضــــف"/>
                                        </div>

                                        <div class="service f">
                                            <div class="service-logo">
                                                <img src="images/option-facebook.png" width="43" height="58" />
                                            </div>
                                            <div class="services-texts facebook">Facebook</div>
                                            <input name="" type="submit" class="add-button" value="أضــــف"/>
                                        </div>

                                        <div class="service f">
                                            <div class="service-logo">
                                                <img src="images/option-gmail.png" width="43" height="58" />
                                            </div>
                                            <div class="services-texts gmail">Gmail</div>
                                            <input name="" type="submit" class="add-button" value="أضــــف"/>
                                        </div>

                                        <div class="nl"></div>-->
                </div>
                <div style="text-align: center;">
                    <img src="images/line.png"/>
                </div>
            </div>
            <!--            <div class="f-r save-button">
                            <input name="" type="submit" class="add-button" value="حفظ"/>
                        </div>-->
        </div>
    </body>
</html>
